<!--
 * @FileDescription: port样式
 * @Author: 周沿江
 * @Date: 2021/6/25
 * @LastEditors: 周沿江
 -->
<template>

    <span>
      <span v-if="type=='PORT2'" style='border:1px solid #5dcefc;border-radius: 3px; padding: 2px;font-weight: bold; background-color: #d8f3fd'>{{text}}&nbsp;<span   style='padding: 0px 2px 0px 2px; border-radius: 2px; color: black;background-color:#43c6fc;font-size: 1px;font-weight:normal'>port</span ></span>
      <span v-if="type=='PORT'" style='border:1px solid #B0E444;border-radius: 3px; padding: 2px;font-weight: bold; background-color: #ecf8d4'>{{text}}&nbsp;<span    style='padding: 0px 2px 0px 2px; border-radius: 2px; color: black;background-color:#a6e22d;font-size: 1px;font-weight:normal'>port</span ></span>
    </span>


</template>

<script>

    export default {

        props:{

          type:{
            type:String,
            required:true,
            default:"LOC"
          },
          text:{
            required: true,
          }
        },

    };
</script>

<style scoped>

</style>
